<template>
  <div class="app-container">
    <el-descriptions title="">
      <el-descriptions-item label="店铺名称">{{ autoStoreData.storeName }}</el-descriptions-item>
      <el-descriptions-item label="公司名称">{{ autoStoreData.corporateName }}</el-descriptions-item>
      <el-descriptions-item label="店铺别名">{{ autoStoreData.storeAlias }}</el-descriptions-item>
      <el-descriptions-item label="公司法人">{{ autoStoreData.legalPerson }}</el-descriptions-item>
      <el-descriptions-item label="绑定时间">{{ autoStoreData.bindTime }}</el-descriptions-item>
      <el-descriptions-item label="联系电话">{{ autoStoreData.userMobile }}</el-descriptions-item>
    </el-descriptions>

    <div class="flex-wrap">
      <div class="mr20 border padding10 text-center mt20 width2" v-for="(item,index) in dataList" :key="index">
        <div class="mb10">{{ item.value }}</div>
        <div>{{ item.label }}</div>
      </div>
    </div>
    <div class="mt20 configDataBox">
      <div v-for="(item,index) in dict.type.auto_operation_config" :key="index">
        <div v-if="item.value == '4' ">
          <span>今日新增信息模块：{{}}</span>
          <span>已有信息模块：{{}}</span>
        </div>
        <div v-else>
          <span>今日{{ item.label }}成功：{{}}</span>
          <span>今日{{ item.label }}失败：{{}}</span>
          <span>总{{ item.label }}成功：{{}}</span>
          <span>总{{ item.label }}失败：{{}}</span>
        </div>
        <el-divider></el-divider>
      </div>
      <!--      <div>-->
      <!--        <span>今日上架成功：{{}}</span>-->
      <!--        <span>今日上架失败：{{}}</span>-->
      <!--        <span>总上架成功：{{}}</span>-->
      <!--        <span>总上架失败：{{}}</span>-->
      <!--      </div>-->
      <!--      <el-divider></el-divider>-->
      <!--      <div>-->
      <!--        <span>今日上架成功：{{}}</span>-->
      <!--        <span>今日上架失败：{{}}</span>-->
      <!--        <span>总上架成功：{{}}</span>-->
      <!--        <span>总上架失败：{{}}</span>-->
      <!--      </div>-->
      <!--      <el-divider></el-divider>-->
      <!--      <div>-->
      <!--        <span>今日上架成功：{{}}</span>-->
      <!--        <span>今日上架失败：{{}}</span>-->
      <!--        <span>总上架成功：{{}}</span>-->
      <!--        <span>总上架失败：{{}}</span>-->
      <!--      </div>-->
      <!--      <el-divider></el-divider>-->
      <!--      <div>-->
      <!--        <span>今日上架成功：{{}}</span>-->
      <!--        <span>今日上架失败：{{}}</span>-->
      <!--        <span>总上架成功：{{}}</span>-->
      <!--        <span>总上架失败：{{}}</span>-->
      <!--      </div>-->
      <!--      <el-divider></el-divider>-->
      <!--      <div>-->
      <!--        <span>今日上架成功：{{}}</span>-->
      <!--        <span>今日上架失败：{{}}</span>-->
      <!--        <span>总上架成功：{{}}</span>-->
      <!--        <span>总上架失败：{{}}</span>-->
      <!--      </div>-->
      <!--      <el-divider></el-divider>-->
    </div>
  </div>
</template>

<script>
import {queryAutoStoreDetail} from "@/api/autoOperation/autoStore";

export default {
  name: "dataDisplay",
  dicts: ['auto_operation_config'],
  data() {
    return {
      dataList: [
        {
          label: "账户余额",
          value: 1232.33
        },
        {
          label: "订单数量",
          value: 1232.33
        },
        {
          label: "订单金额",
          value: 1232.33
        },
        {
          label: "预计利润",
          value: 1232.33
        },
        {
          label: "测评费用",
          value: 1232.33
        },
        {
          label: "广告投放",
          value: 1232.33
        },
        {
          label: "在线商品",
          value: 1232.33
        },
        {
          label: "每日订单",
          value: 1232.33
        }, {
          label: "每日金额",
          value: 1232.33
        }, {
          label: "每日预计可得",
          value: 1232.33
        },
      ],
      autoStoreData: ""
    }
  },
  created() {
    this.getAutoStoreDetail()
  },
  methods: {
    // 获取自运营店铺详情
    getAutoStoreDetail() {
      queryAutoStoreDetail({id: this.$route.query.id}).then(response => {
        this.autoStoreData = response.data
      });
    },
  }
}
</script>

<style scoped>
.configDataBox span {
  margin-right: 20px;
}
</style>
